<template>
	<div class="echart" id="mychart" :style="myChartStyle"></div>
</template>

<script>
	import * as echarts from "echarts";
	export default {
		data() {
			return {
				xData: [], //横坐标
				yData: [], //数据
				myChartStyle: {
					float: "left",
					width: "100%",
					height: "400px"
				} //图表样式
			};
		},
		mounted() {
			this.initEcharts();
		},
		methods: {
			initEcharts() {
				this.$postRequest("/tPurchase/queryAllTPurchaseListGoods").then(res => {
					this.xData=res.data.tPurchaseListGoodsCode;
					this.yData=res.data.tPurchaseListGoodsNum;
					// 基本柱状图
					const option = {
						xAxis: {
							data: this.xData
						},
						yAxis: {},
						series: [{
							type: "bar", //形状为柱状图
							data: this.yData
						}]
					};
					const myChart = echarts.init(document.getElementById("mychart"));
					myChart.setOption(option);
					//随着屏幕大小调节图表
					window.addEventListener("resize", () => {
						myChart.resize();
					});
				});
				
			},
			queryAll() {
				
				
			},
		}
	};
</script>

<style>
</style>